<template>
  <a-space :size="size" align="baseline">

    <fullscreen-outlined style="font-size:18px;color:#d687b5" />

    <a-dropdown>
      <a class="ant-dropdown-link" @click.prevent>
        <a-avatar style="background-color: #f56a00;display: inline-flex">
          Admin
        </a-avatar>
      </a>
      <template #overlay>
        <a-menu>
          <a-menu-item>
            <a href="javascript:;">个人信息</a>
          </a-menu-item>
          <a-menu-item>
            <a href="javascript:;">退出登陆</a>
          </a-menu-item>
          <a-menu-item>
            <a href="javascript:;">修改密码</a>
          </a-menu-item>
        </a-menu>
      </template>
    </a-dropdown>

  </a-space>

</template>

<script lang="ts" setup>
import { defineComponent,ref } from 'vue';

/**
 * 声明间距离
 */
const size = ref(15);

</script>

<style scoped>

</style>